<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>文章编辑</title>
    <link rel="stylesheet" href="less/article-edit.css" type="text/css">
    <link rel="stylesheet" href="js/need/layer.css" type="text/css">
    <script type="text/javascript" src="js/jweixin-1.0.0.js"></script>
</head>
<body>
<div id="edit">
    <div class="ae-top" id="j-top">
        <div class="aet-title"></div>
        <div class="aet-info clear">
            <p class="aet-date">02-08 10:10</p>
            <p class="aet-num">9963</p>
            <a class="aet-edit" id="j-edit"></a>
        </div>
    </div>

    <div class="ae-top-edit" id="j-complete">
        <div class="ate-write">
            <input type="text" class="atew-input" placeholder="输入标题...">
        </div>
        <a id="j-completeBtn" class="ate-complete">完成</a>
    </div>
    <div class="h128 j-blank"></div>
    <div class="of-delete jd-show">
        <a id="j-delete" class="of-trash"></a>
    </div>
    <div class="h80 jd-show"></div>
    <div class="ae-content clear" id="j-content">
        <ul id="courseDetail">
            <!--<li>-->
            <!--<div class="ae-img">-->
            <!--<img src="images/header-eg.png" alt="">-->
            <!--</div>-->
            <!--<div class="ace-con aec-audio">-->
            <!--<span class="left-icon"></span>-->
            <!--</div>-->
            <!--</li>-->
            <!--<li>-->
            <!--<div class="ae-img">-->
            <!--<img src="images/header-eg.png" alt="">-->
            <!--</div>-->
            <!--<div class="ace-con aec-picture">-->
            <!--<span class="left-icon"></span>-->
            <!--<img src="images/edit-img.jpg" alt="示例图" class="p-pic">-->
            <!--</div>-->
            <!--</li>-->
            <!--<li>-->
            <!--<div class="ae-img">-->
            <!--<img src="images/header-eg.png" alt="">-->
            <!--</div>-->
            <!--<div class="ace-con aec-text">-->
            <!--<span class="left-icon"></span>-->
            <!--<p>-->
            <!--最主要的就是加强口语和写作了，这是口语是与老外交际时候用的，写作时用来写邮件，写什么总结，策划书之类的吧。-->

            <!--我觉得要提高这两方面的能力，需要一定量的词汇还有语法说为重要！-->
            <!--</p>-->
            <!--</div>-->
            <!--</li>-->
        </ul>
    </div>
    <div class="move-pos" id="J-wrap"></div>
    <div class="h100"></div>
    <div class="bottom-edit">
        <div class="be-record fl">
            <a class="ber-record"><img src="images/record.png" alt="录音"></a>
            <a class="ber-key"><img src="images/keyboard.png" alt="输入键盘"></a>
        </div>
        <div class="be-write">
            <div id="j-word" class="editor" contenteditable="true">

            </div>
            <a class="no-press" id="j-record"></a>
            <a class="has-press" ></a>
        </div>
        <div class="be-bold">
            <a class="beb-true"><img src="images/blod.png" alt=""></a>
            <a class="beb-false"><img src="images/blod-dan.png" alt=""></a>
        </div>
        <div class="be-send-img">
            <a class="be-img">
                <form id="head-form" method="POST" enctype="multipart/form-data">
                    <label>
                        <input type="file" class="be-upload" name="-1" id="upload">
                        <img src="images/btn-pic-up.png" alt="" class="be-picture">
                        <input type="submit" style="display: none;" id="submit">
                    </label>
                </form>
            </a>
            <a class="be-send"><img src="images/send-word.png" alt=""></a>
        </div>
    </div>
</div>
<!--<div id="isRecording"></div>-->
<script id="listTemplate" type="text/x-handlebars-template">
    {{#each this}}
    <li style="{{isShow contentType 'VIDEO'}}" >
        <div class="ae-img">
            <img src="images/header-eg.png" alt="">
        </div>
        <div class="ace-con aec-audio">
            <span class="left-icon"></span>
            <audio class="j-audio" load="media">
                <source src="{{content}}" type="audio/mpeg" />
                <source src="{{content}}" type="audio/wav" />
                <source src="{{content}}" type="audio/ogg" />
            </audio>
            <span class="playicon"><img src="images/audio.png" alt=""></span>
            <span class="videonum"><a>{{duration}}</a>"</span>
        </div>
        <input type="hidden" class="hiddenId" value="{{id}}">
        <!--<div class="aec-choose">-->
        <!--<label>-->
        <!--<input type="checkbox" class="aecc-input">-->
        <!--<span class="aecc-img"></span>-->
        <!--</label>-->
        <!--</div>-->
    </li>
    <li style="{{isShow contentType 'IMAGE'}}">
        <div class="ae-img">
            <img src="" alt="">
        </div>
        <div class="ace-con aec-picture">
            <span class="left-icon"></span>
            <img src="{{content}}" alt="示例图" class="p-pic">
        </div>
        <input type="hidden" class="hiddenId" value="{{id}}">
    </li>
    <li style="{{isShow contentType 'TEXT'}}">
        <div class="ae-img">
            <img src="images/header-eg.png" alt="">
        </div>
        <div class="ace-con aec-text">
            <span class="left-icon"></span>
            <p>
                {{{textTohtml content}}}
            </p>
        </div>
        <input type="hidden" class="hiddenId" value="{{id}}">
    </li>
    {{/each}}
</script>
<script type="text/javascript" src="./dist/articleEdit.bundle.js"></script>
</body>
</html>